/* 
 Theme Name:   OneNav-Child
 Theme URI:    tkevo.com
 Description:  OneNav主题-子主题
 Author:       Jason
 Author URI:   https://www.tkevo.com
 Template:     onenav
 Version:      2.0.0.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
/* 头像呼吸灯 */
@keyframes light {
     0% {
         box-shadow: 0 0 4px #ff1354;
    }
     25% {
         box-shadow: 0 0 25px #1ebbff;
    }
     50% {
         box-shadow: 0 0 4px #0ed39f;
    }
     75% {
         box-shadow: 0 0 25px #4fe7f4;
    }
     100% {
         box-shadow: 0 0 4px #f35444;
    }
}
.flex-avatar, .profile img {
     animation: light 3s ease-in-out infinite;
}
.avatar {
    animation: light 3s ease-in-out infinite;
}
/* END 头像呼吸灯 */

/* 按钮变色 
.btn {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 60px;
}
.btn:hover {
    animation: animate 8s linear infinite;
}
@keyframes animate {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 400%;
    }
}
.btn::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    border-radius: 40px;
    opacity: 0;
    transition: 0.5s;
}
.btn:hover::before {
    filter: blur(20px);
    opacity: 1;
    animation: animate 8s linear infinite;
}
 END 按钮变色 */


/* 底部登录 */
:root{
  --header-bg:var(--blur-bg);

  --blur-bg:rgba(200, 200, 200, 0.2);
      --sidebarBgColorGrey: #FFFFFF;
    --sidebarShadowGrey: rgba(41,48,66,0.10);
    --sidebarLineHeight: 50px;
    --headerMenuHeight: 55px;
}
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c]{top:unset!important;bottom:0!important;right:44px!important}
@media (max-width:767.98px){footer.main-footer .footer-text{text-align:center;float:none}#footer-tools{bottom:65px;right:5px}}
footer.main-footer {margin-top: 0; margin-bottom: 80px; }
#footer-tools { position: fixed; bottom: 80px;}
@media (max-width: 768px){ .login-tips { left: 0; } footer.main-footer { margin-top: 0; margin-bottom: 110px ; } #footer-tools { position: fixed; bottom: 100px ;} }
@media (min-width: 768px){ .login-tips {left: 0;} .sidebar-nav.mini-sidebar~.main-content .login-tips { left: 60px !important; } }
.login-tips{position: fixed; bottom: -2px; right: 0; z-index: 22;background: rgba(255,255,255,0.8);color : rgba(0,0,0,0.6); backdrop-filter: blur(10px); text-align: center; padding: 10px 0; transition: all 0.3s;} 
.login-tips .go-icon{ color:rgba(0,0,0,0.6);font-size:22px;vertical-align: middle; } 
.login-tips .login-btn{ display: inline-block; vertical-align: baseline; height: 32px; padding:0 20px; background-color: #f1404b; color: #ffffff; vertical-align: middle; margin-left: 16px; border-radius: 4px; line-height: 32px; text-align: center; font-size: 14px; margin: 8px 8px; }}
.screenshot-carousel .img_wrapper a{display:contents}
.fancybox-slide--iframe .fancybox-content{max-width :1280px;margin:0}
.fancybox-slide--iframe.fancybox-slide{padding:44px 0}
.navbar-nav .menu-item-2052 a{background: #ff8116;border-radius: 50px!important;padding: 5px 10px!important;margin: 5px 0!important;color: #fff!important;}
.navbar-nav .menu-item-2052 a i{position: absolute;top: 0;right: -10px;color: #f13522;}
.io-black-mode .navbar-nav .menu-item-2052 a{background: #ce9412;}
.io-black-mode .navbar-nav .menu-item-2052 a i{color: #fff;}
.io-black-mode .login-tips {
      color: #c6c9cf;
    background: #2C2E2F;
    box-shadow: 0 0 25px 5px rgba(10,10,10,.25);
}
.login-tips .guide-ac {
    position: absolute;
    bottom: 0;
    left: 180px;
    width: 330px;
    height: 145px;
}
@media screen and (max-width: 768px) {
.login-tips .none{
display:none; }
}
@media screen and (max-width: 768px) {
.login-tips{
display:none; }
}
@media screen and (max-width: 1530px) {
.login-tips img{
display:none; }
}
.harry-hide{
    display: none;
}
.harry-display, .harry-display a{
    position: absolute;
    display: block;
    top: -90px;
    left: 0;
    right: 0;
    width: 100px;
    height: 30px;
    background: #f1404b;
    margin: auto;
    border-radius: 7px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    box-shadow: 0 0 14px 0px rgba(0,0,0,.4);
    font-size: 13px;
}
/* END底部登录 */
            


/* 手机端底部导航 */
.io-black-mode .nav-bar-container {
    background: var(--header-bg);
    backdrop-filter: saturate(5) blur(20px) !important;
}
.nav-bar-container~footer {
    margin-bottom: 60px;
}

.nav-bar-container~footer>#footer-tools {
    bottom: 85px;
}

.nav-bar-container .nav-bar-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #5a5a5a;
    flex: 1;
}

.nav-bar-container .nav-bar-item.active {
    color:
}

.nav-bar-container .nav-bar-item>i {
    font-size: 18px;
    color: #121212;
}

.io-black-mode .nav-bar-container .nav-bar-item>i {
    font-size: 18px;
    color: #999;
    font-weight: bold;
}

.nav-bar-container .nav-bar-item>span {
    font-size: 12px;
    margin-top: 2px;
    color: #121212;
    font-weight: bold;
}

.io-black-mode .nav-bar-container .nav-bar-item>span {
    color: #999;
}
.user-ico2 img{
    width: 18px;
    height: 18px;
    border-radius: 100%;
}
.nav-bar-container .nav-bar-search {
    display: block;
    background: linear-gradient(90deg,#006eff,#13adff);
    color: #fff!important;
    border-radius: 50%;
    padding: 5px 10px;
    margin-top: -23px;
    font-size: 20px !important;
}

.nav-bar-container .nav-bar-search>i {
    font-size: 18px;
}

.open-nav-bar {
    transform: translateY(52%);
}
.nav-bar-container .dropdown-menu.show {
    opacity: 1;
    transform: scale(1);
    display: block;
    pointer-events: auto;
}
.nav-bar-container .dropdown-menu {
    display: block;
    border: unset;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 15%);
    border-radius: 0.25rem;
    overflow: hidden;
    opacity: 0;
    transform-origin: 100% 0 0;
    pointer-events: none;
    transform: scale(0);
   transition: all 800ms cubic-bezier(0, .5, .2, 1);
}
.nav-bar-container .none{
   transition: none;
}
.ant-tooltip-placement-bottomRight{
    padding-top:8px
}
.ant-tooltip-hidden{
    display:none
}
.ant-tooltip{
    box-sizing:border-box;
    margin:0;padding:0;
    color:#000;
    font-size:14px;
    font-variant:tabular-nums;
    line-height:1.5;
    list-style:none;
    font-feature-settings:"tnum","tnum";
    position:absolute;
    z-index:1060;
    display:block;
    visibility:visible
}
.ant-tooltip-inner{
    min-width:30px;
    min-height:32px;
    padding:6px 8px;
    color:#fff;
    text-align:left;
    text-decoration:none;
    word-wrap:break-word;
    font-size:12px !important
}
.ant-tooltip-inner .product{
    display:flex;
    flex-wrap:wrap;
    padding:10px 5px;
    font-size:12px;
    text-align:center
}
.ant-tooltip-inner .product .productItem{
    width:22%;
    margin:0 4px;
    padding-top:6px;
    color:#000
}
.ant-tooltip-inner .product .productItem img{
    max-width:100vw;
    vertical-align:middle;
    border-style:none
}
.ant-tooltip-inner .product .productItem p{
    margin-top:0;
    margin-bottom:1em
}
.ant-tooltip-inner .product .productItem:hover{
    background:#f6fafe;
    border-radius:8px
}
.ant-tooltip-inner .product .productIcon{
    width:48px;
    height:48px
}
.productList .ant-tooltip-inner{
    width:300px;
    color:#000
}
.anti-productitle{
    margin:0 24px;
    color:#545454;
    font-weight:500;
    font-size:16px;
    ine-height:50px;
    border-bottom:1px solid #d8d8d8
}
.io-black-mode .anti-productitle{
    color:#fff
}
.io-black-mode .ant-tooltip-inner .product .productItem:hover{
    background:rgba(10,10,10,0.4)
}
/* END手机端底部导航 */


/* 图标旋转  */
.widget-author-cover .widget-author-avatar {
     border-radius: 50%;
    /*animation: light 4s ease-in-out infinite;
    */
     transition: 0.5s;
}
 .url-card .url-img>img {
     transition: 0.5s;
}
 .profile img{
     animation: light 4s ease-in-out infinite;
}
 .flex-avatar{
     animation: light 4s ease-in-out infinite;
}
 .url-card .url-img>img {
     transition: 0.5s;
}
 .url-card .url-img>img:hover{
     transform: scale(1.35) rotate(720deg);
}
 .visitor-avatar img {
     animation: light 4s ease-in-out infinite;
     transition: 0.5s;
}
 .visitor-avatar img:hover {
     transform: scale(1.15) rotate(720deg);
}
 .profile img,.flex-avatar img{
     transition: 0.5s;
}
 .profile img,.flex-avatar img:hover{
     transform: scale(1.15) rotate(720deg);
}
/* END图标旋转  */

/* logo扫光 */
.logo{
    position:relative;
    overflow: hidden;
}
.logo:before {
    content: "";
    position: absolute;
    width: 260px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    transform: rotate(-45deg);
    animation: blink 1.5s ease-in 1s infinite;
}
 @-webkit-keyframes blink {
     0% {
         left: -100px;
         top: 0;
    }
     to {
         left: 120px;
         top: 100px;
    }
}
 @-o-keyframes blink {
     0% {
         left: -100px;
         top: 0;
    }
     to {
         left: 120px;
         top: 100px;
    }
}
 @-moz-keyframes blink {
     0% {
         left: -100px;
         top: 0;
    }
     to {
         left: 120px;
         top: 100px;
    }
}
 @keyframes blink {
     0% {
         left: -100px;
         top: 0;
    }
     to {
         left: 120px;
         top: 100px;
    }
}
/* ENDlogo扫光 */